<template>
   <div id="appContainer">
       <div>
      <router-link active-class="active" to="/TodoAbout">about</router-link>
<br><br>
      <router-link active-class="active"  to="/TodoDetail">detail</router-link>
    </div>
    <br>
       <router-view></router-view>
    <!-- 组件呈现位置 -->
    <br>
    <TodoComponent/> 
       <!-- 子组件渲染 -->
  </div>

</template>
<script>
import TodoComponent from '../src/components/TodoComponent.vue';//导入子组件

export default {
  name: "App",//组件名称
  components: {
   TodoComponent//子组件注册
  }

}
</script>

<style scoped>

#appContainer{
 
  justify-content: center;
}
</style>>

